<template>
  <view class="">
    <view class="header">
      <u-navbar auto-back title="申请联营商" title-style="color:#fff" left-icon-color="#fff" bgColor="background:rgba(0,0,0,0)"></u-navbar>
    </view>
    <view class="main">
      <view class="main">
        <template v-if="orderList?.length > 0">
          <view>
            <GoodsOrderItem v-for="(item, index) in orderList" :key="index" :info="item"></GoodsOrderItem>
            <u-loadmore height="30" :status="pageStatus" />
          </view>
        </template>
        <view v-else style="width: 100%; background: #fff; height: 50vh; display: flex; align-items: center; justify-content: center">
          <u-empty mode="list"></u-empty>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";
import GoodsOrderItem from "../../components/goodsOrderItem.vue";
import { goPage } from "../../utils/commonFn";
const orderList = ref([]);
const pageStatus = ref("loadmore");
</script>

<style lang="less" scoped>
.header {
  height: 322rpx;
}
.main {
  margin-top: -190rpx;
}
</style>
